<%-- 
    Document   : find_OE
    Created on : 09-04-2012, 03:31:30 PM
    Author     : marco.castro
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://www.extremecomponents.org" prefix="ec"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Usuarios</title>
    </head>
<jsp:include page="includeCSSjs.jsp"/>
    <script>
        jQuery(document).ready(function(){
            // binds form submission and fields to the validation engine
            jQuery("#frm2").validationEngine();
        });
        function checkHELLO(field, rules, i, options){
            if (field.val() != "HELLO") {
                // this allows to use i18 for the error msgs
                return options.allrules.validate2fields.alertText;
            }
            
            
            
        }
        function onTableClick(idsgUsuarios,
        		nombreUsuario,
        		password,
        		activo,
        		numeroEmpleado){
        	$("#idsgUsuarios").val(idsgUsuarios);
        	$("#nombreUsuario").val(nombreUsuario);
        	$("#password").val(password);
        	$("#activo").val(activo);
        	$("#numeroEmpleado").val(numeroEmpleado);
        	
        	showEdit();
        	
} 


        function showEdit() {
			$(".editbutton_div").hide("fast");
			$(".button_div").hide("slow");
			$(".editbutton_div").show("slow");

		}
    
    </script>
    <body>
<jsp:include page="menu.jsp" />
<div id="content">

  <div id="top">
		<h2 class="divTextoEncabezado">Registro de Usuarios</h2>
  </div>
  <div id="leftSide">
  <fieldset>
<legend>Datos de Usuario</legend>
<form:form id="user" action="showUsuarios" method="POST" class="form" commandName="user">
	
	<label for="codigoExp">Usuario:</label>
    <div class="div_texbox">
    <input name="nombreUsuario" type="text" class="textbox" id="nombreUsuario"  />
    
    <input type="hidden" name="idsgUsuarios" id="idsgUsuarios"/>
	</div>
	
	<label for="nombre">Contraseña:</label>
    <div class="div_texbox">
    <input name="password" type="password" class="textbox" id="password"  />
	</div>
	
	
	<label for="nivel">Activo:</label>
    <div class="div_texbox">
    <input name="activo" type="text" class="textbox" id="activo"  />
	</div>
    
	
	<label for="grado">Código:</label>
    <div class="div_texbox">
    <input name="numeroEmpleado" type="text" class="textbox" id="numeroEmpleado"  />
	</div>
	
	<div class="button_div">
		<input name="Submit" type="submit" value="Agregar" class="buttons" />
	</div>
	<div class="editbutton_div" style="display: none">
	<input name="Submit" type="submit" value="Editar" class="buttons" 
		onclick="edit('user','updateUsuarios')"/>
				
		<input name="Submit" type="submit" value="Roles" class="buttons" 
		onclick="edit('user','showUsuarioRol_2')"/>
	</div>
</form:form>
	</fieldset>
  </div>
  <div id="rightSideTpo" >
  	<a href="#" onclick="showHelp()"><img src="${pageContext.request.contextPath}/resources/images/help-icon.png"></a>
  </div>
  <div id="rightSide" style="display:none">
  <p><u>Esta es una seccion de ayuda para el usuario</u>
  </p></div>
  <div class="clear"></div>

			<!-- Extreme Table  -->
<c:if test="${!empty userList}">
 		<ec:table 
    items="userList"
    action="${pageContext.request.contextPath}/showUsuarios"  
    view="compact"
    imagePath="${pageContext.request.contextPath}/resources/images/compact/*.gif"
    rowsDisplayed="8"      
     var="pres" 
      >
             
    <ec:row highlightRow="true"
      onclick="onTableClick('${pageScope.pres.idsgUsuarios}',    				
      						'${pageScope.pres.nombreUsuario}',
      						'${pageScope.pres.password}',
      						'${pageScope.pres.activo}',
      						'${pageScope.pres.numeroEmpleado}');"
  >      
      
      <ec:column property="nombreUsuario"  title="Nombre de usuario"/>
       <ec:column property="numeroEmpleado"  title="Código"/>
       
    </ec:row>
  </ec:table>
</c:if>
	
	</div>




    </body>
</html>
